

var titleArray = [{ 'title': 'CALyer解读--总有一个点会让你想起它', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-7acfcc6e03e6cedd.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '花絮：基于上一篇文章又有几个月没有写文章了，刚好最近项目基本完成，开启了16年制定的目标每两三个月读一本书籍，并做好记录，希望自己可以坚持下去，这次读的是核心动画高级技巧,已...'},
{ 'title': 'swift里面的数组你真的学会了吗', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-7acfcc6e03e6cedd.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '前言 基上篇文章到现在也有段时间了，主要是小编公司开始做了一个项目，感觉也没多少界面，就是愣让小编写了这么久，感觉还是一些知识点不太牢固，调试和写起来，还是费了一些时间。但是...' },
  { 'title': 'iOS11和iPhone X的适配', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-1b9e8c7304571e84.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/320', 'subTitle': '随着iOS11和xcode9刚开始正式发布，小编也迫不及待的更新了xcode9，手机也顺利更新到iOS，也终于见到iPhone X 的真面不，看着齐刘海的样式，小编心里淡淡的...' },
{ 'title': '2017年iOS面试题总结', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-f3b90f8a4d90e32b.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '花絮:从上一篇文章的发表到这篇文章的发表已经有很长一段时间了，一直在摸索适合自己的学习方式，到现在还是没有找到适合自己的，尝试如下： 1.每天上班都是活跃在各大iOS开发群，...' },
{ 'title': '自定义XIB View里面添加其他自定义Xib View', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-380da65884654696.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '上周五七秒没事写swfit项目的时候，遇到的问题： 在商城订单评论界面，有服务评论、发货速度评论、回收价格评论，都是星星评论。 不用看大家都知道自定义个cell，就可以了，但...' },
{ 'title': 'swfit的QQ抽屉和移动按钮代替一成不变TabbarVC的架构', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-3689f848632167f7.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '现在大家使用的结构基本都是NAV+TAB的一个模式，又是也会在里面增加一个抽屉的模式。大家可能都会认为抽屉结构谁不会写的啊，我在网上也看到一些Demo，上面大部分的都是在首页...' },
{ 'title': 'IOS中的易混淆的知识点', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-7acfcc6e03e6cedd.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '小鱼儿不才，总结了些易混淆的点，如有错误请联系我或者评论，小鱼儿及时更正QQ：593216709 堆与栈的区别 栈 ：是由系统自动分配释放的一块存储空间，存放函数的参数值，、...' },
{ 'title': 'AFN中的<UIImageView+AFNetworking>的解读', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-a53e1d905154527a.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '距离上一篇文章到这篇文章，已经有一段时间了。随着时间推移，人也变得越来越懒，以前回家还能抽出半小时看看博客，学习一下知识，填补一下半路出家的我。随着公司项目的停滞，自己也开始...' },
{ 'title': 'iOSAPP启动时实现加载广告', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-2e74aefb77313ba7.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '花絮苏州经历了10多天的40℃+的高温。半个多月的35℃+的天气，今天终于下雨了，下雨天，睡觉天。炎热的天气，使烦躁的心情，让学习的动力一天天在减少。对于代码的兴趣也在慢慢减...' },
  { 'title': 'iOS开发个人开发账号的证书详细使用及介绍', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-599c8594a1b4ee0d.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '本人也和大家一样在学习iOS的开发，在开发当中最烦的就是证书出问题，主要是没有理解透证书的含义，因此查阅了一些资料，才对证书有了一定的认识，本文章就是介绍个人的个人理解，有不... '},
  { 'title': 'ios提示用户版本升级', 'image': 'https://upload-images.jianshu.io/upload_images/1773988-9d8def36591428e8.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240', 'subTitle': '本文主要介绍的是两种提示用户的更新的方法，文字比较多。但都是逻辑 现在苹果审核不能看到版本提示更新的字样以及功能，如果你的APP里面有这个功能还有字样，那么恭喜你，你会被拒绝...' },
];



const wj_refresh = require('../../utils/wj_refresh/wj_refresh.js')

Page({
  /**
   * 页面的初始数据
   */
  data: {
    scrollHeight:0,
    dataArray: titleArray,
    page:1
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      scrollHeight: wx.getSystemInfoSync().windowHeight
    })
    wj_refresh.init.apply(this, [this.data.scrollHeight]);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.setNavigationBarTitle({
      title: '自定义刷新',
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },
  /**
    * 滚动调用的方法
    */
  wj_scrollAction(even) {
    console.log(even);
    var that = this;
    that.scroll({
      scroll: even,
      pullDownAction: () => { /// 下啦刷新回掉的方法
      that.data.page = 1;
        setTimeout(function(){
          that.setData({
            dataArray: titleArray
          })
          /**
           * 结束刷新
           */
          that.endScroll({ noMoreData: false });
        },2000)
      },
      pullOnAction: () => { /// 上啦加载更多方法
      that.data.page = that.data.page + 1;
        var randIndex = this.wj_rand(10);
        for (var index = 0; index < randIndex;index++){
          that.data.dataArray.push(titleArray[this.wj_rand(10)]);
        }
        setTimeout(function () { 
          that.setData({
            dataArray: that.data.dataArray
          })
          if(that.data.page == 3){/// 没有数据
            that.endScroll({ noMoreData: true });
          }else{
            that.endScroll({ noMoreData: false });
          }
        }, 2000);
      }
    })
  },
  /**
   * 手指离开屏幕调用的方法
   */
  wj_touchEndAction() {
    this.touchEnd();
  },
  /**
   * 生成一个随机数
   */
  wj_rand(rand){
    return Math.floor(Math.random() * rand + 1);
  }
})
